<template>
	<view :style="[{top:top,left:left}]" class="cardDataPointLayout-page">
		<view :class="[{column}]">
			<slot ></slot>
		</view>
	</view>
</template>
<script setup>
	const props = defineProps({
		top: [Number, String],
		left: [Number, String],
		gutterY: [Number, String],
		gutterX: [Number, String],
		column: {
			type: Boolean,
			default: false
		},

	})
</script>
<style>
.cardDataPointLayout-page {
    position: absolute;
	width:100%
}

.column {
       position: absolute;
        width: 31%;	
        display: flex;
        justify-content: space-evenly;

}
</style>